<!DOCTYPE html>
<html lang="en">
<head style="height: 100vh;">
	<meta charset="UTF-8">
	<title>Document</title>
	<meta http-equiv="X-UA-Compatible" content="ie=edge,chrome=1">
	<script src="../assets/flexible/flexible.debug.js"></script>
	<script src="../assets/flexible/flexible_css.debug.js"></script>
	<link rel="stylesheet" href="../css/wode.css">
	<link rel="stylesheet" href="../css/header.css">
	<link rel="stylesheet" href="../css/footer.css">
	<link rel="stylesheet" href="../assets/font-awesome-4.7.0/css/font-awesome.min.css">
</head>
<body style="height: 100%;">
	
	<header class="header">
		<p>我的</p>
	</header>

	<div class="denglu">
		<figure class="left">
			<img src="../images/ivvi.png" alt="">
		</figure>
		<div class="right">
			<p class="total">登录</p>
			<p class="info">一键登录，享受等多服务</p>
		</div>
	</div>

	<main class="content">
		<div class="top">
			<figure class="left"><img src="../images/txIcon.png" alt=""></figure>
			<div class="right">
				<p>我的提醒</p>
			</div>
		</div>
		<div class="bottomm">
			<div class="total">
				<p>提醒助手为您提供一站式生活管理。</p>
			</div>
			<div class="list">
				<dl>
					<dt><img src="../images/01.png" alt=""></dt>
					<dd>火车</dd>
				</dl>
				<dl>
					<dt><img src="../images/02.png" alt=""></dt>
					<dd>酒店</dd>
				</dl>
				<dl>
					<dt><img src="../images/03.png" alt=""></dt>
					<dd>电影</dd>
				</dl>
				<dl>
					<dt><img src="../images/04.png" alt=""></dt>
					<dd>生日</dd>
				</dl>
				<dl>
					<dt><img src="../images/02.png" alt=""></dt>
					<dd>快递</dd>
				</dl>
			</div>
			<div class="watch">
				<p class="chakan">查看提醒样例卡片</p>
			</div>
		</div>
	</main>

	<div class="dingdan">
		<div class="top1">
			<figure class="left"><img src="../images/txIcon.png" alt=""></figure>
			<div class="right">
				<p>我的订单</p>
			</div>
		</div>
		<div class="top2">
			<figure class="left"><img src="../images/txIcon.png" alt=""></figure>
			<div class="right">
				<p>我的优惠</p>
			</div>
		</div>
	</div>

	<div class="set">
		<div class="top">
			<figure class="left"><img src="../images/txIcon.png" alt=""></figure>
			<div class="right">
				<p>提醒设置</p>
			</div>
		</div>
	</div>

	<div class="we">
		<div class="top">
			<figure class="left"><img src="../images/txIcon.png" alt=""></figure>
			<div class="right">
				<p>关于我们</p>
			</div>
		</div>
	</div>

	<footer class="footer">
		<a href="shouye.html">
			<dl>
				<dt><i class="fa fa-home" aria-hidden="true"></i></dt>
				<dd>生活</dd>
			</dl>
		</a>
		<a href="faxian.html">
			<dl>
				<dt><i class="fa fa-compass" aria-hidden="true"></i></dt>
				<dd>发现</dd>
			</dl>
		</a>
		<a href="fenlei.html">
			<dl>
				<dt><i class="fa fa-th-large" aria-hidden="true"></i></dt>
				<dd>分类</dd>
			</dl>
		</a>
		<a href="wode.html">
			<dl class="active_dl">
				<dt><i class="fa fa-user-circle-o" aria-hidden="true"></i></dt>
				<dd>我</dd>
			</dl>
		</a>
	</footer>

	<script src="../assets/jquery/jquery-3.2.1.min.js"></script>
	<script src="../js/footer.js"></script>
	<script src="../js/wode.js"></script>
</body>
</html>